{% extends "template.html" %}
{% block js %}
<script type="text/javascript">
    $(document).ready(function() {
        $("form#login").validate();
    });
</script>
{% endblock js %}
{% block right %}

<h4><a href="#">Login</a></h4>
{% if user.loggedIn %}
{% else %}
<form id="login" action="{% url Login %}" enctype="multipart/form-data" method="post">
    <div><label>Username or Phone No:</label></div>
    <div><input type="text" name="username"  class="required"/></div>
    <div><label>Password:</label></div>
    <div><input type="password" name="password" class="required"/></div>
    <div><input type="submit" value="Login" /> <input type="button" value="OR Register now" onclick="location='/register'" /></div>
</form>
{% endif %}
{% endblock right %}
